<!DOCTYPE html>
<html>
  <head>
  	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="format-detection" content="telephone=no">
	<title>${channelinfo.title} - ${cms_sitetitle}</title>
	<meta name="keywords" content="${cms_keywords}" />
    <meta name="description" content="${cms_descinfo}" />
	<link rel="stylesheet" type="text/css"  href="/css/swiper.min.css">
    <link rel="stylesheet" type="text/css"  href="/css/css.css"/>
  </head>
  <script>
    document.getElementsByTagName('html')[0].style.fontSize = document.documentElement.clientWidth/7.5 + 'px'
    window.onresize = function() {
        document.getElementsByTagName('html')[0].style.fontSize = document.documentElement.clientWidth/7.5 + 'px'
    }
</script>
  <body>
	
	@include("/header.html",{"topcode":topcode,"activeclass":"cur"}){}

	<div class="location">
		<div class="loactionCont">
			<div class="locationInfor">
				当前位置:<a href="/">首页</a>
				@for(p in positions){
					<span>&gt;</span>
					<a href="${p.url}">${p.name}</a>
				@}
			</div>
			<div class="tabName">
				<#cms_channels pcode="${topcode}" ;channels>
					@for(channel in channels){
						@if(channel.code == code ){
							<a href="${channel.url}" class="cur">
						@}else{
							<a href="${channel.url}">
						@}
						${channel.name}</a>
					@}
				</#cms_channels>
			</div>
		</div>
	</div>
	<!-- <div class="aboutArticle">
		<h2>公司概况</h2>
		<h3>联创精英教育咨询（北京）有限公司是一家集创新、专业性、全面于一体，专职从事IT职业教育及IT新技术推广的专业教育服务提供商。</h3>
		<p>自公司创业以来，我们本着教育改变人生的理念，全力打造满足市场需求的职业化教育标准，并将其完善和推广。我们紧紧依托国际知名IT厂商与国内教育机构，顺应IT人才市场需求，整合IT厂商专业技术，结合国内院校IT人才培养特点，为国内院校提供专业的IT教育服务。</p>
		<p>联创精英经过长时间的发展，与SUN（中国）公司、Red Hat（中国）公司、Microsoft（中国）公司、Corel（中国）教育、CIW（中国）公司、IBM（中国）公司、Novell（中国）公司、Trend Micro（中国）公司、Novell（中国）、Autodesk（中国）公司等业界知名厂商建立良好的合作关系。将先进化、网络化、市场化的教育理念渗透到合作院校，就其教育资源在中国的推广与这些企业建立了紧密的合作关系。</p>
		<p>联创精英教育服务体系已遍布北京、陕西、河北、吉林、辽宁等多省市。已成为华北、东北和西北地区最具实力的IT教育服务提供商。我公司秉承专注、专业、执行的经营理念打造中国最专业的IT教育服务提供商。</p>
	</div> -->
	<div class="bigThing">
		<h2>大事记</h2>
		<div class="thingHd">
			<div class="swiper-container">
				<div class="swiper-wrapper">
					
				<#cms_articlelist row="99" code="dashiji" orderby="pubdate" orderway="desc" ;articles>
			@for(item in articles){

					<div class="swiper-slide">
					  <span>${item.title}</span>
				  </div>
				  @}
				  </#cms_articlelist>
				</div>
			</div>
		</div>
		<div class="thingBd">

			
			<#cms_articlelist row="99" code="dashiji" orderby="pubdate" orderway="desc" ;articles>
				@for(item in articles){
					<div class="thingSlide dn">
						<div class="thingImg">
							<img src="${item.picname==''?cms_default_pic:item.picname}" >
						</div>
						<div class="thingTxt">
							<h2>${item.title}</h2>
							<ul>
								<li>
									<p></p><span>${item.contents}</span>
								</li>
								<!-- <li>
									<p>01</p><span>/ D&CD推出奖学金计划，旨在推动全国数字创意人才培养，奖励优秀在校学生。</span>
								</li> -->
							</ul>
						</div>
					</div>
				@}
			</#cms_articlelist>

			
		</div>
	</div>

	@include("/footer.html"){}
	
  </body>
  <script src="/js/swiper.min.js"></script>
  <script type="text/javascript" src="/js/jquery-2.1.4.js"></script>
  <script>
	var swiperBanner = new Swiper(".banner .mySwiper", {
		pagination: {
		  el: ".banner .swiper-pagination",
		  clickable:true,
		},
		loop:true,
		autoplay:true,
	  });
	//新闻切换
	  $('.newsHd span').click(function(){
	  	$(this).addClass('cur').siblings().removeClass('cur');
	  	var num = $(this).index();
	  	$('.newsBd .newsSlide').eq(num).fadeIn().siblings().hide();
	  })
	  
	  $(function(){
		  var windowScreen = $(window).width();
		  if(windowScreen>1280){
		  	var swiperthingHd = new Swiper('.thingHd .swiper-container', {
				slidesPerView: 17,
				spaceBetween: 30,
				centeredSlides: true,
				slideToClickedSlide: true,
				on: {
					slideChangeTransitionStart: function(){
					  var num = this.activeIndex;
					  $('.thingBd .thingSlide').eq(num).fadeIn().siblings().hide();
					},
				  },
		  	});
			$('.thingBd .thingSlide').eq(0).fadeIn().siblings().hide();
		  }else if(windowScreen<1280&&windowScreen>750) {
		  	var swiperthingHd = new Swiper('.thingHd .swiper-container', {
		  		slidesPerView:8,
		  		spaceBetween:20,
		  		centeredSlides: true,
				  slideToClickedSlide: true,
		  		on: {
		  			slideChangeTransitionStart: function(){
		  			  var num = this.activeIndex;
		  			  $('.thingBd .thingSlide').eq(num).fadeIn().siblings().hide();
		  			},
		  		  },
		  	});
			$('.thingBd .thingSlide').eq(0).fadeIn().siblings().hide();
		  }else{
			 var swiperthingHd = new Swiper('.thingHd .swiper-container', {
			 	slidesPerView:3,
			 	spaceBetween:0,
			 	centeredSlides: true,
				 slideToClickedSlide: true,
			 	on: {
			 		slideChangeTransitionStart: function(){
			 		  var num = this.activeIndex;
			 		  $('.thingBd .thingSlide').eq(num).fadeIn().siblings().hide();
			 		},
			 	  },
			 }); 
			 $('.thingBd .thingSlide').eq(0).fadeIn().siblings().hide();
		  }
	  })
	  //搜索
	  $('.headerSearch span').click(function(){
	  	$(this).siblings('.searchSub').fadeToggle();
	  })
	  $(".searchBtn").click(function(){
		console.log($("#searchTextInput").val());
		var searchTextInput =$("#searchTextInput").val();
		if(searchTextInput){
			window.location.href="/page/search?name="+searchTextInput+"&pagesize=1&pageindex=1";
		}
	})
	  $('.menu').click(function(){
	  	if($(this).hasClass('on')){
	  		$(this).removeClass('on');
	  		$('#screen').fadeOut();
	  		$('.nav').animate({'left':'-110%'},500)
	  	}else{
	  		$(this).addClass('on');
	  		$('#screen').fadeIn();
	  		$('.nav').animate({'left':'0'},500)
	  	}
	  })
	  $('#screen').click(function(){
	  	$('.menu').removeClass('on');
	  	$('#screen').fadeOut();
	  	$('.nav').animate({'left':'-110%'},500)
	  })
  </script>
</html>
